﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/contactUs.css">
    <!--引用百度地图API-->
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=F7mci8n1YIqPYUrirD4V2YLoApUkr7xe"></script>
</head>
<body>
<div id="nav">
    <ul class="nav_con">

        <li class="fl only-one-line"><a href="introduction.html">学校简介</a></li>
        <li class="fl only-one-line"><a href="http://www.sctu.edu.cn/">学校官网</a></li>
        <li class="fl active  only-one-line" onclick="window.location.href='index.html'"></li>
        <li class="fl only-one-line"><a href="contactUs.html">联系我们</a></li>
        <li class="fl only-one-line"><a href="">教务系统</a></li>
    </ul>
</div>

<div id="bg">
    <div class="contactUs">
        <h1>联系我们</h1>
        <p>联系地址：四川省成都市龙泉驿区红岭路459号</p>
        <p>邮编：610100</p>
        <p>电话： 028-84825999&nbsp;028-84825070</p>
        <p>传真：028-69803733</p>
        <!-- <img src="images/wx-contact.png"> -->
    </div>

</div>

<div id="content">
    <div class="cloud"></div>
    <div class="content-inner">

        <div class="line"></div>

        <!--百度地图容器-->
        <div id="map"></div>

        <div class="route">
            <h1>[地铁]</h1>
            <p>火车北站------乘坐成都地铁1号线到天府广场转2号线，到龙平路下
            </p>
            <p>火车东站----乘坐成都地铁2号线到龙平路下
            </p>
            <p>双流机场----乘坐成都地铁10号线到尽头，转3号到春熙路转2号线，在东平路下
            </p>
            <!--<p> 中心广场-&#45;&#45;&#45;&#45;从中心广场走至正阳步行街南瑞，再向东走200米</p>-->
            <h1> [自驾车]</h1>
            <p>学校自带停车场</p>

        </div>
    </div>
</div>
<!--footer-->
<div id="footer">
    <div class="footer-con">

        <p class="copyright">©2010~2017 版权所有 蜀ICP备1502121</p>
        <ul class="icon">
            <li class="fl icon1"
                onclick="window.open('http://crm2.qq.com/page/portalpage/wpa.php?uin=800044270&f=1&ty=1&ap=000011:400103:|m:11|f:Ggdt1', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');return false;"></li>
            <li class="fl icon2" onclick="window.location.href='contactUs.html'"></li>
            <li class="fl icon3" onclick="window.location.href='http://www.sctu.edu.cn'"></li>
            <li class="fl icon4" onclick="window.location.href='index.html'"></li>
        </ul>
    </div>
</div>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/public.js"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap() {
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(104.284783, 30.585838), 19);
    }
    function setMapEvent() {
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target, window) {
        target.addEventListener("click", function () {
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay(){
        var markers = [
            {content:"",title:"",imageOffset: {width:0,height:3},position:{lat:30.586584,lng:104.285142}}
        ];
        for(var index = 0; index < markers.length; index++ ){
            var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
            var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
            })});
            var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
            var opts = {
                width: 200,
                title: markers[index].title,
                enableMessage: false
            };
            var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
            marker.setLabel(label);
            addClickHandler(marker,infoWindow);
            map.addOverlay(marker);
        };
    }
    //向地图添加控件
    function addMapControl() {
        var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: 3});
        map.addControl(navControl);
        var overviewControl = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: true});
        map.addControl(overviewControl);
    }
    var map;
    initMap();
</script>
<script>
    /**
     * 滚动条滚动触发事件
     */
    var scrollTop;
    $(window).scroll(function () {
        var docH = $(document).height();
        var winH = $(window).height();
        scrollTop = $(window).scrollTop();
        changeNav(scrollTop);
        if (scrollTop + 200 >= docH - winH) {
            $('#footer').css({'display': 'block'});
        } else {
            $('#footer').css({'display': 'none'});
        }
        changeFooter(scrollTop);
    });
</script>
</body>
</html>